﻿@{
    Layout = "~/Areas/PawRoot/Views/Shared/PawRootEdit.cshtml";
}

@section HeadCss{
    <link href="//cdn.bootcss.com/bootstrap-select/1.11.0/css/bootstrap-select.min.css" rel="stylesheet">
}

<div class="form-horizontal">
    <!--分类名称-->
    <div class="form-group">
        <label class="col-sm-2 control-label">分类名称：</label>
        <div class="col-sm-6">
            <input type="text" class="form-control" id="name" placeholder="请输入分类名...">
        </div>
        <label class="lot-blue">最大长度: 100 字符</label>
    </div>
    <!--分类类别-->
    <div class="form-group">
        <label class="col-sm-2 control-label">分类类别：</label>
        <div class="col-sm-6">
            <select id="groupType" class="form-control">
                <option value="0">请选择类别</option>
                <option value="1">商品分类</option>
                <option value="2">配件分类</option>
            </select>
        </div>
        <label class="lot-blue"><a id="autoA" href="#">商品分类</a> | <a id="autoB" href="#">配件分类</a></label>
    </div>
    <!--分类级别-->
    <div class="form-group">
        <label class="col-sm-2 control-label">分类级别：</label>
        <div class="col-sm-6">
            <select id="floor" class="form-control">
                <option value="0">请选择级别</option>
                <option value="1">一级分类</option>
                <option value="2">二级分类</option>
                <option value="3">三级分类</option>
            </select>
        </div>
        <label class="lot-blue"><a id="autoC" href="#">顶级分类</a>，<a id="autoD" href="#">二级分类</a>，<a id="autoE" href="#">三级分类</a></label>
    </div>
    <!--所属分类-->
    <div class="form-group" id="ptype" style="display:none;">
        <label class="col-sm-2 control-label">所属分类：</label>
        <div class="col-sm-6">
            <select id="pid" class="lot-tagSelect form-control" data-live-search="true" title="请选择所属"></select>
        </div>
        <label class="lot-blue">上一级分类名称（提供搜索功能）</label>
    </div>
    <!--分类排序-->
    <div class="form-group">
        <label class="col-sm-2 control-label">分类排序：</label>
        <div class="col-sm-6">
            <input type="number" class="form-control" id="sort" value="19" placeholder="如没有特殊需求，请设置为默认值19...">
        </div>
        <span class="lot-red">如没有特殊需求，请设置为默认值19</span><br /><span>数值越大排名越靠前（取值范围：1~99）</span>
    </div>
    <!--展览小图-->
    <div class="form-group">
        <label class="col-sm-2 control-label" style="padding-top:13px;">展览小图：</label>
        <div class="col-sm-6">
            <span style="float:left;width:160px;"><span id="lot-uploader"></span></span><img id="displayPic" style="width:60px;height:33px;" />
            <label class="lot-red">建议大小：200*200</label>
        </div>
    </div>
    <!--分类简介-->
    <div class="form-group">
        <label class="col-sm-2 control-label">分类简介：</label>
        <div class="col-sm-6">
            <textarea id="container" class="form-control" style="height:9em;" placeholder="最大长度300   中文推荐长度：50~100   英文推荐长度：100~200"></textarea>
        </div>
        <label class="lot-blue">最大长度: 300 字符</label>
    </div>
    <!--表单提交-->
    <div class="form-group">
        <label class="col-sm-2"></label>
        <div class="col-sm-6">
            <button id="form-success" class="btn btn-success lot-form-btn">提 交 表 单</button>
            <button id="form-gohome" class="btn btn-success lot-form-btn">返 回 列 表</button>
        </div>
    </div>
</div>

@section JsScript{
    <script src="//cdn.bootcss.com/bootstrap-select/1.11.0/js/bootstrap-select.min.js"></script>
    <script src="/Areas/PawRoot/assets/js/protypeinfo.min.js" async></script>
    <script type="text/javascript">
        $(function () {
            $('.lot-tagSelect').selectpicker();
        });
        //提交表单
        $('#form-success').click(function () {
            ajaxToProType(false);
        });
    </script>
}
